<!DOCTYPE html>
<html lang="en" prefix="og: http://ogp.me/ns#">
<head>
  <meta charset="UTF-8" />
  <title>Page title should not be hyphenated. “But quotes yes.” | A Pelican Blog</title>
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Code+Pro:400,400i,600%7CSource+Sans+Pro:400,400i,600,600i&amp;subset=latin-ext" />
  <link rel="stylesheet" href="static/m-dark.css" />
  <link rel="stylesheet" href="and-definitely-not-css-links.css" />
  <link rel="canonical" href="page.html" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="description" content="Neither the description. “But quotes yes.”" />
  <meta property="og:site_name" content="A Pelican Blog" />
  <meta property="og:title" content="Page title should not be hyphenated. “But quotes yes.”" />
  <meta name="twitter:title" content="Page title should not be hyphenated. “But quotes yes.”" />
  <meta property="og:url" content="page.html" />
  <meta property="og:description" content="Page summary in the meta tag should not be hyphenated. “But quotes yes.”" />
  <meta name="twitter:description" content="Page summary in the meta tag should not be hyphenated. “But quotes yes.”" />
  <meta name="twitter:card" content="summary" />
  <meta property="og:type" content="page" />
</head>
<body>
<header><nav id="navigation">
  <div class="m-container">
    <div class="m-row">
      <a href="./" id="m-navbar-brand" class="m-col-t-9 m-col-m-none m-left-m">A Pelican Blog</a>
    </div>
  </div>
</nav></header>
<main>
<div class="m-container m-container-inflatable">
  <div class="m-row">
    <div class="m-col-l-10 m-push-l-1 m-nopadb">
<!-- header -->
<p>A head&shy;er that <em>should be</em> hy&shy;phen&shy;at&shy;ed. “Quotes.”</p>
<!-- /header -->
    </div>
  </div>
</div>
<article>
  <div class="m-container m-container-inflatable">
    <div class="m-row">
      <div class="m-col-l-10 m-push-l-1">
        <h1>Page title should not be hyphenated. “But quotes yes.”</h1>
<!-- content -->
<p>Page con&shy;tent should be hy&shy;phen&shy;at&shy;ed. <code>But &quot;code&quot; should not be hyphenated.</code></p>
<pre>Neither preformatted text. &quot;No quotes for you.&quot;</pre>
<div class="m-note m-info">
Nest&shy;ed con&shy;tent should be hy&shy;phen&shy;at&shy;ed al&shy;so! And al&shy;so <strong>bold sec&shy;tions</strong> or
<em>ital&shy;ics text</em>. Oh and “quotes should be smart” — with prop&shy;er em-dash,
8–22 (en-dash) and el&shy;lip&shy;sis…</div>
<p><a href="http://blog.mosra.cz/">Link ti&shy;tles can be hy&shy;phen&shy;at&shy;ed as well.</a> But in&shy;line
ver&shy;ba&shy;tim stuff shouldn’t: <span class="raw-html">hello "this" is not hyphenated</span>. Nei&shy;ther
ver&shy;ba&shy;tim blocks:</p>
"quote" hyphenation<p lang="cs">Od&shy;sta&shy;vec v češ&shy;ti&shy;ně. „Uvo&shy;zov&shy;ky“ fun&shy;gu&shy;jí ji&shy;nak a dě&shy;le&shy;ní slov jakbys&shy;met.</p>
<section id="links">
<h2>Links</h2>
<p>Links with ti&shy;tles that are URLs (or e-mail ad&shy;dress&shy;es) shouldn’t be hy&shy;phen&shy;at&shy;ed
ei&shy;ther:</p>
<ul>
<li><a href="mailto:info&#64;magnum.graphics">info&#64;magnum.graphics</a></li>
<li><a class="m-link-wrap" href="https://magnum.graphics">https://magnum.graphics</a></li>
<li><a href="#links">Links</a> with&shy;out re&shy;fu&shy;ri should not give an er&shy;ror</li>
</ul>
</section>
<!-- /content -->
      </div>
    </div>
  </div>
</article>
<div class="m-container m-container-inflatable">
  <div class="m-row">
    <div class="m-col-l-10 m-push-l-1 m-nopadt">
<!-- footer -->
<p>The foot&shy;er <em>should be</em> hy&shy;phen&shy;at&shy;ed as well. “Quotes.”</p>
<!-- /footer -->
    </div>
  </div>
</div>
</main>
<footer><nav>
  <div class="m-container">
    <div class="m-row">
      <div class="m-col-l-10 m-push-l-1">
        <p>The foot&shy;er should be hy&shy;phen&shy;at&shy;ed as well. “And with smart quotes.”</p>
      </div>
    </div>
  </div>
</nav></footer>
</body>
</html>
